<template>
  <div class="container">
    <Header></Header>
    <Banner></Banner>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from "../../common/Header";
import Banner from "../../common/Banner";
import Footer from "../../common/Footer";

export default {
  name: "Login",
  components: {
    Header,
    Banner,
    Footer
  }
}
</script>

<style scoped>
.container{
  height: 100vh;
}
.container {
  background: linear-gradient(to right, gray, gray, black);
  background-size: 200%;
  transition: background-position .5s;
}
.container:hover {
  background-position: 100% 0;
}
</style>